<template>
	<view>
		<u-icon 
		:name="data.name?data.name:'photo'"
		:color="data.color?data.color:'#2979ff'"
		:size="data.size?data.size:28"
		:bold="data.bold&&(data.bold===true||data.bold==1)?true:false"
		:hover-class="data.hoverClass?data.hoverClass:''"
		:label="data.label?data.label:''"
		:label-pos="data.labelPos?data.labelPos:'right'"
		:label-size="data.labelSize?data.labelSize:'15px'"
		:label-color="data.labelColor?data.labelColor:''"
		:space="data.space?data.space:'3px'"
		:img-mode="data.imgMode?data.imgMode:''"
		:width="data.width?data.width:''"
		:height="data.height?data.height:''"
		:top="data.top?data.top:''"
		:stop="data.stop&&(data.stop===true||data.stop==1)?true:false"
		></u-icon>
	</view>
</template>

<script>
	export default {
		name:"mx-icon",
		data() {
			return {
				
			};
		},props:{
			data:{
				type:Object,
				default:{
					 name:"photo",
					 color:"#2979ff",
					 size:28,
					 bold:false,
					 hoverClass:"",
					 label:"",
					 labelPos:"right",
					 labelSize:"15px",
					 labelColor:"",
					 space:"3px",
					 imgMode:"",
					 width:"",
					 height:"",
					 top:"",
					 stop:false
				}
			},
		}
	}
</script>

<style>

</style>